<template>
    <div>
        <h1 @click="show">Mui UI 组件</h1>
        <myHeader fixed title="标题过长会隐藏后面的内容啊哈哈哈哈">
            <router-link to="/" slot="left">
                <mt-button icon="back">返回</mt-button>
            </router-link>
            <mt-button icon="more" slot="right"></mt-button>
        </myHeader>
    </div>
</template>
<script>

import { Toast } from 'mint-ui';
export default {
    methods:{
        show(){
           Toast({
            message: '提示',
            position: 'middle',
            duration: 1000,
             iconClass: 'icon icon-success',
             className:'mytoast'
            });
        }
    }
}
</script>
<style>
.mytoast{
    color: red
}
</style>
